<template>
  <div class="h100">
    <div class="home-bac">
      <img src="~@/assets/reception/background1.png" alt="" >
    </div>
    <div class="home-main">
      <div class="service">
        <span class="service-title">
          <span>商品超市</span>
          <span class="service-more" @click="routerphsu()">更多>></span>
        </span>
        <div class="service-main">
          <!-- <img src="~@/assets/reception/settledEnt/background.png" alt=""> -->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'supermarket',
  methods: {
    routerphsu(){
      this.$router.push({ path: '/reception/supermarket/detail' });
    }
  },
}
</script>

<style lang="less" scoped>
/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 10px; /* 垂直滚动条宽度 */
}
 
::-webkit-scrollbar-track {
  background: #f1f1f1; /* 滚动条轨道颜色 */
}
 
::-webkit-scrollbar-thumb {
  background: #cac7c7; /* 滚动条滑块颜色 */
  border-radius:10px ;
  height: 20px;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #818181; /* 滚动条滑块hover颜色 */
}

.home-bac{
  img{
    height: 230px;
    width: 100%;
  }
}
.home-main{
  margin-top:30px ;
  .service{
    margin:auto;
    // height: 380px;
    width: 1600px;
    .service-main{
      height: 100%;
      img{
        width: 100%;
        height: 80px;
      }
    }

    .service-title{
      color: #1e50ae;
      font-size:24px ;
      margin: auto 0;
      width: 100%;
      border-bottom: 2px solid #1e50ae;
      display: flex;
      margin-top: 140px;
      justify-content: space-between;
      .service-more{
        font-size: 16px;
        color: #000;
        cursor: pointer;
      }
    }
    .service-english-title{
      color: #e1e2e3;
      display: block;
      margin: 10px 0;
    }
  }
}
</style>